<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-05我的订单-03待收货</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_left"><a href="#" class="returnico"></a></div>
    <div class="header_center"><a href="#" class="fontcolor">全部订单<span class="allclisanjiao"></span></a></div>
</header>
<!--全部订单菜单-->
<div class="allddnav">
    <ul>
        <li><a href="#">全部</a></li>
        <li><a href="#">待付款</a></li>
        <li  class="indexbordercolor cliallddnav fontcolor"><a href="#">待收货<i class="fontcolor">2</i></a></li>
        <li><a href="#">待评价</a></li>
        <li><a href="#">退换/售后</a></li>
    </ul>
</div>
<!--订单全部-->
<div class="dingdanliebiao">
    <ul class="allorderul">
        <li class="clearafter">
            <h4 class="fontcolor"><a href="#" class="clidel right"><img src="images/dingdantime.png">7天23小时47分钟</a>待收货</h4>
            <div class="alldingdan">
                <h2><a href="#">MO&Co</a></h2>
                <div class="allorderulli clearafter">
                    <a href="#">
                        <div class="liimgdiv"><img src="images/allorderimg_15.png"/></div>
                        <p class="dingdanp1"><del>￥110.00</del><i>摩安珂连衣裙女2015欧美...</i></p>
                        <p class="dingdanp2"><span>￥110.00</span>颜色：C10本白,尺码：S</p>
                        <p>x1</p>
                    </a>
                </div>
                <div class="dingdanjiage">
                    包邮   合计：<span class="orange">￥799.00</span>
                </div>
                <div class="allorderbot clearafter">
                    <a href="#" class="chakanwuliu">查看物流</a>
                    <a href="#" class="indexbgcolor cliqenrenshouhuo">确认收货</a>
                </div>
            </div>
        </li>
        <li class="clearafter">
            <h4 class="fontcolor">待发货</h4>
            <div class="alldingdan">
                <h2><a href="#">MO&Co</a></h2>
                <div class="allorderulli clearafter">
                    <a href="#">
                        <div class="liimgdiv"><img src="images/allorderimg_15.png"/></div>
                        <p class="dingdanp1"><del>￥110.00</del><i>摩安珂连衣裙女2015欧美...</i></p>
                        <p class="dingdanp2"><span>￥110.00</span>颜色：C10本白,尺码：S</p>
                        <p>x1</p>
                    </a>
                </div>
                <div class="dingdanjiage">
                    包邮   合计：<span class="orange">￥799.00</span>
                </div>
                <div class="allorderbot clearafter">
                    <a class="indexbgcolor cltixingfahuo">提醒商家发货</a>
                </div>
            </div>
        </li>
    </ul>
</div>
<!--列表线-->
<div class="dingdanline"><a href="#"><span><img src="images/sanjiaoion.png"></span></a></div>
<!--订单下拉-->
<div class="tanchuangbj">
    <div class="dingdannav">
        <ul>
            <li class="indexbgcolor"><a href="#">全部订单</a></li>
            <li><a href="#">线下订单</a></li>
            <li><a href="#">退款记录</a></li>
        </ul>
    </div>
</div>
<!--确认收货-->
<div class="hiddenpwd">
    <div class="hiddenpwdli">
        <div class="positiontop">
            <a href="#" class="psttopleft"></a>
            <div class="psttoptitle">输入二级密码</div>
        </div>
        <div class="hiddenpwdlitop">
            <div class="emptybottom">
                <input type="password" class="emptybottominput" maxlength="6"/>
                <p><a href="#">忘记密码？</a></p>
            </div>
        </div>
    </div>
</div>
<!--提醒卖家发货-->
<div class="tixingmaijia"></div>
<script>
    //订单下拉弹窗
    $(".header_center").click(function (e) {
        $(".tanchuangbj").show();
        $(".header").addClass("headershow");
        e.stopPropagation()
    });
    $(".dingdannav li").click(function (e) {
        $(this).addClass("indexbgcolor").siblings().removeClass("indexbgcolor");
        var thistext=$(this).text();
        $(".header_center a").html(thistext+"<span class='allclisanjiao'></span>");
        $(".header").removeClass("headershow");
        $(".tanchuangbj").hide();
        e.stopPropagation()
    });
    //关闭弹窗
    $(document).click(function () {
        $(".tanchuangbj").hide()
    });
    //删除订单
    $(".clidel").click(function () {
        confirm("确定删除该订单吗？")
    });
    //确认收货
    $(".cliqenrenshouhuo").click(function(){
        $(".hiddenpwd").show()
    });
    $(".psttopleft").click(function(){
        $(".hiddenpwd").hide()
    });

    //提醒卖家发货
    var clige=0;
    $(".cltixingfahuo").click(function(){
        $(".tixingmaijia").text("提醒卖家发货成功").show(1000,function(){
            setTimeout(out, 1500);
        }).stop(true,true);
        clige++;
        if(clige>3){
            $(".tixingmaijia").text("提醒超过次数").show(1000,function(){
                setTimeout(out, 1500);
            }).stop(true,true);
        }
    });
    function out(){
        $(".tixingmaijia").hide().stop(true,true);
    }
</script>
</body>
</html>